﻿@model IEnumerable<WebVideo.EntityVideo>
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>

<script type="text/javascript">

    $(function () {
        $('.stdtable a.delete').click(function () {
            var c = confirm('Continue delete ?');
            if (c) jQuery(this).parents('tr').fadeOut(function () {

                var id = $(this).closest('tr').find('td:eq(0)').text();
                var getURL = '@Url.Action("Delete", "Video")';

                $.get(getURL, { "id": id }, function (data) {
                    if (data == "error") //error
                    {
                        $('#nofError').show();
                        $('#nofSuccess').hide();
                        $('#msgNofError').text("Cannot Delete Record");
                    }
                    else {
                        jQuery(this).remove();
                        $('#nofError').hide();
                        $('#nofSuccess').show();
                        $('#msgNofSuccess').text("Delete Record Ok");
                    }
                });
            });
            return false;
        });
        
        $('.stdtable a.showvideo').click(function () {
            var getURL = '@Url.Action("Hide", "Video")';
            var IdVideo = $(this).closest('tr').find('td:eq(0)').text();
            
            $.get(getURL, { "IdVideo": IdVideo, "l": 1 }, function (data) {
                if (data == "complete") {
                    $('#nofError').hide();
                    $('#nofSuccess').show();
                    $('#msgNofSuccess').text("Video đã đươc hoạt động");
                    window.location.href = "@Url.Action("Index", "video")";
                }
                else {
                   
                    $('#nofError').show();
                    $('#nofSuccess').hide();
                    $('#msgNofError').text("Vui lòng thêm ít nhất một câu hỏi vào mỗi phần để video có thể hoạt động, hoặc video này đã hết lượt view");
                }
               
            });
        });
        $('.stdtable a.hidevideo').click(function () {
            var getURL = '@Url.Action("Hide", "Video")';
             var IdVideo = $(this).closest('tr').find('td:eq(0)').text();

             $.get(getURL, { "IdVideo": IdVideo, "l": 2 }, function (data) {
                 if (data == "complete") {
                 
                     $('#nofError').hide();
                     $('#nofSuccess').show();
                     $('#msgNofSuccess').text("Video đã bị ẩn");
                     window.location.href = "@Url.Action("Index", "video")";
                 }
                 else {
                    
                     $('#nofError').show();
                     $('#nofSuccess').hide();
                     $('#msgNofError').text("Thất bại");
                 }

             });
         });
    });
    
    function HideVideo(id, l) {
        var getURL = '@Url.Action("Hide", "Video")';
        $.get(getURL, { "IdVideo": id, "l": l }, function (data) {
            if (data == "complete") {
                 
                $('#nofError').hide();
                $('#nofSuccess').show();
                $('#msgNofSuccess').text("Video đã bị ẩn");
                window.location.href = "@Url.Action("Index", "video")";
                 }
                 else {
                    
                     $('#nofError').show();
                     $('#nofSuccess').hide();
                     $('#msgNofError').text("Thất bại");
            }
        });

    }
    
</script>
<div class="maincontentinner">
    <ul class="maintabmenu">
        <li class="current"><a href="@Url.Action("Index", "Video")" >Index</a></li>
        <li class="current"><a href="@Url.Action("Insert", "Video")" >Insert</a></li>
    </ul>
    <!--maintabmenu-->
    <div class="notification msgsuccess" style="display: none" id="nofSuccess">
        <a class="close"></a>
        <p id="msgNofSuccess">This is a success message.</p>
    </div>
    <!-- notification msgsuccess -->

    <div class="notification msgerror" style="display: none" id="nofError">
        <a class="close"></a>
        <p id="msgNofError">This is an error message.</p>
    </div>
    <!-- notification msgerror -->

    <div class="contenttitle radiusbottom0">
        <h2 class="table"><span>List Video</span></h2>
    </div>
    <!--contenttitle-->
    <div class="tableoptions">
        <span>Search video theo doanh nghiệp: </span>
        <select class="radius3" id="CbBoxStatus">
              <option value="">Tất cả</option>
            @{
                foreach (var item in ViewBag.DSDoanhNghiep)
                {
                     <option value="@item.CompanyName">@item.CompanyName</option>
                }
           }
          
        </select>
        &nbsp;
    </div>
    <table cellpadding="0" cellspacing="0" border="0" class="stdtable" id="dyntable">
        <colgroup>
            <col class="con0" />
            <col class="con1" />
            <col class="con0" />
            <col class="con1" />
        </colgroup>
        <thead>
            <tr>
                <th class="head0">ID</th>
                <th class="head1">Tên</th>
                <th class="head0">Loại Video</th>
                <th class="head1">Lượt xem</th>
                <th class="head0">Lượt đã xem</th>
                <th class="head1">Ảnh đại diện</th>            
               <th class="head0">Tên công ty</th>
                <th class="head1"></th>
                <th class="head0"></th>
            </tr>
        </thead>
        <tfoot>
            <tr>
              <th class="head0">ID</th>
                <th class="head1">Tên</th>
                <th class="head0">Loại Video</th>
                <th class="head1">Lượt xem</th>
                <th class="head0">Lượt đã xem</th>
                <th class="head1">Ảnh đại diện</th>            
               <th class="head0">Tên công ty</th>
                <th class="head1"></th>
                <th class="head0"></th>
            </tr>
        </tfoot>
        <tbody>
            @{
               
                foreach (var item in Model)
                {
                  
                <tr class="gradeX">
                    <td>
                         @Html.DisplayFor(modelitem => item.Id)
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.EntityTypeVideo.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.Views)
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.Viewed)
                    </td>
                    <td>
                        @{
                    var imageFile = "~/Content/Images/Video/";
                    if (item.Image != null)
                    {
                        imageFile += @item.Image;
                    }
                    else
                    {
                        imageFile += "no-photo.jpg";
                    }
                      }
                        <img src= "@Url.Content(imageFile)" style="width:100px; height:100px" alt="" />
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.EntityBusiness.CompanyName)
                    </td>
                   
                    <td class="eddelete">

                     

                         @if (@item.Status == 2 || @item.Status == 3)
                         { 
                                 @Html.ActionLink("Câu hỏi cho hình ảnh", "ListImageAdmin", "Questions_MultipleChoice", new { IdVideo = @item.Id }, new { title = "Câu hỏi dành cho hình ảnh" })
                             <br />
                               if (@item.TypeQuestion == 1)
                                {
                                 @Html.ActionLink("Câu Hỏi Tự Luận", "Index", "Questions_Essay", new { Id = @item.Id }, new { title = "Câu Hỏi Tự Luận" })
                                }
                             if (@item.TypeQuestion == 2)
                             {
                                 @Html.ActionLink("Câu Hỏi Trắc Nghiệm", "Index", "Questions_MultipleChoice", new { Id = @item.Id }, new { title = " Câu Hỏi Trắc Nghiệm" })
                                
                             } 
                                <br /> <br /> <a href="#" onclick="return HideVideo('@item.Id','1');"> Hiện video</a>
                             
                         }
                         else
                         {
                              
                              <br /> <br /><a href="#" onclick="return HideVideo('@item.Id','2');"> Ẩn video</a>
                         } 
                        <br />
                         <a href="#" onclick ="return saveExcel(@item.Id);">File báo cáo</a> 
                    </td>
                     <td class ="eddelete">
                      @if (@item.Status == 2 || @item.Status == 3)
                      { 
                                @Html.ActionLink(" ", "View", new { IdVideo = @item.Id }, new { @class = "view", title = "Chi tiết" })
                                @Html.ActionLink(" ", "Edit", new { IdVideo = @item.Id }, new { @class = "edit", title = "Edit" })
                                <a href="#" class="delete" title="Delete" ></a>
                      }
                      
                     </td>
                </tr> 
                }                      
            }
        </tbody>
    </table>
</div>
<!--maincontentinner-->


<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/custom/tables.js")" ></script>
<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery.dataTables.min.js")" ></script>

<script>

    $(document).ready(function () {
            var table = jQuery("#dyntable").dataTable({
                "bDestroy": true,
                "bProcessing": true,
                "sPaginationType": "full_numbers",
                "iDisplayLength": 100
            });

    });

    $("#CbBoxStatus").change(function () {
        // FilterOrderStatus(this.value); //tim kiem
        $("#dyntable").dataTable().fnFilter(this.value);
    });
   

    function saveExcel(Id) {
        var postUrl = '@Url.Action("saveExcel", "../Organization")';
        $.post(postUrl,{"IdVideo":Id}, function (data) {

            var strTemp = '@Url.Content("~/Content/!!!")';
            strTemp = strTemp.replace("!!!", data);

            window.location = strTemp;
        });
        return false;
        }

</script>